*{
	margin: 0;
	padding:0;
	box-sizing: border-box;
}
body{
	background: url(../img/bg.png);
	background-size:cover ;
	background-repeat: no-repeat;
}

.container{
	height:100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.left{
	padding:60px 30px;
	background:#fff;
}
.left h1{
	text-align:center;
	margin-bottom:30px;
}
.left input{
	width:280px;
	padding:10px 10px 10px 40px;
	outline: none;
	border:1px solid #e5e5e5;
	border-radius:2px ;
	
}
.left input:focus{
	border:1px solid #d5d5d5;
}
.left p{
	margin-bottom:9px;
	position:relative;
}
.img{
	background:url(../img/yonghuming.png);
	width:21px;
	height: 23px;
	display: inline-block;
	position: absolute;
	left:10px;
	top:7px;
}
.img2{
	background: url(../img/mima.png);
	width:19px;
	height: 25px;
	display: inline-block;
	position: absolute;
	left:11px;
	top: 7px;
}
#button{
	margin-top:32px;
	background:#7554df;
	color:#FFFFFF;
	border:none;
    padding-right:45px;
}
#button:hover{
	background:#5f3fa7;
	cursor:pointer;
}
.right{
	height:356px;
	background: url(../img/bg-login.png);
	padding: 80px 80px;
	
}
.right p{
	margin-bottom:40px;
	color:#FFFFFF;
}
.right a{
	color:#eee;
	text-decoration: none;
}
.right a:hover{
	color:#FFFFFF;
}
.img3{
	background: url(../img/youjiantou.png);
	width:28px;
	height:28px;
	display: inline-block;
	position: relative;
	top:8px;
	left:5px;
}
@media(max-width:600px ) {
    .container{
        display: flex;
        flex-direction: column
    }
	.left input{
		width:250px;
	}
	.right{
		height:200px;
		width:310px;
	}
    .right p{
        font-size:13px;
        margin-bottom:10px;
    }
    
}
